Page({
  data: {
    dateLayerVisible: false,
    houseLayerVisible: false,
    houseList: [],
    currentDate: Date.now(), // 当前时间戳
    maxDate: Date.now() + 60 * 60 * 1000 * 24 * 3, // 今天之后的三天
    name: '',
    gender: 1,
    mobile: '',
    houseId: '',
  },

  onLoad() {
    this.getHouseList()
  },

  async getHouseList() {
    // 请求数据接口
    const { code, data: houseList } = await wx.http.get('/house')
    // 检测接口返回的结果
    if (code !== 10000) return wx.utils.toast('获取房屋列表失败!')
    // 数据渲染
    this.setData({ houseList })
  },

  selectHouse(ev) {
    const { name: houseInfo, id: houseId } = ev.detail
    this.setData({ houseInfo, houseId })
  },

  openHouseLayer() {
    this.setData({ houseLayerVisible: true })
  },
  closeHouseLayer() {
    this.setData({ houseLayerVisible: false })
  },
  openDateLayer() {
    this.setData({ dateLayerVisible: true })
  },
  closeDateLayer() {
    this.setData({ dateLayerVisible: false })
  },
  goPassport() {
    wx.reLaunch({
      url: '/visitor_pkg/pages/passport/index',
    })
  },

  selectDate(ev) {
    // console.log(ev.detail)
    this.setData({
      dateLayerVisible: false, // 关闭popup
      visitDate: wx.utils.formatDate(ev.detail), // 存日期
    })
  },

  verifyHouse() {
    const valid = this.data.houseId !== ''
    // 验证结果提示
    if (!valid) wx.utils.toast('请选择房屋信息!')
    // 返回验证结果
    return valid
  },
  // 验证业主姓名（必须为汉字）
  verifyName() {
    // 正则表达式
    const reg = /^[\u4e00-\u9fa5]{2,5}$/
    // 验证业主姓名
    const valid = reg.test(this.data.name.trim())
    // 验证结果提示
    if (!valid) wx.utils.toast('请填写真实中文姓名!')
    // 返回验证结果
    return valid
  },

  verifyMobile() {
    // 验证手机号
    const reg = /^[1][3-8][0-9]{9}$/
    const valid = reg.test(this.data.mobile)
    // 验证结果提示
    if (!valid) wx.utils.toast('请填写正确的手机号码!')
    // 返回验证结果
    return valid
  },

  async submitForm() {
    if (!this.verifyHouse()) return
    if (!this.verifyName()) return
    if (!this.verifyMobile()) return

    // console.log('请求啦...')
    const { gender, name, mobile, visitDate, houseId } = this.data

    const {
      code,
      data: { id },
    } = await wx.http.post('/visitor', {
      gender,
      name,
      mobile,
      visitDate,
      houseId,
    })

    if (code !== 10000) return wx.utils.toast('新增访客失败')

    console.log(id)

    // 新增成功后 跳转通行证页面(需要访客id)
    wx.navigateTo({
      url: '/visitor_pkg/pages/passport/index?id=' + id,
    })
  },
})
